/**
Nome: layout.css
Função: Toda codificação responsável pela formatação do layout deve ser implementada aqui.
*/

body{font-family:Arial, Helvetica, sans-serif; font-size:14px; background:url(../images/bg.png) repeat;}

.legenda{font-size:x-small; color:#FFF;}

#form-login{width:600px; height:350px; position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-175px; background-color:#B5BEDD; color:#FFF; 

-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 85px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 85px;

-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 85px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 85px;

border-top-left-radius: 20px;
border-top-right-radius: 85px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 85px;

-moz-box-shadow: 10px 10px 5px #999;
-webkit-box-shadow: 10px 10px 5px #999;
box-shadow: 10px 10px 5px #999;

padding:15px; text-align:center;}

#form{width:500px; height:170px;  font-size:20px; position:absolute; left:50%; top:50%; margin-left:-250px; margin-top:-85px;}

.text_input{padding:7px; font-size:14px; height:10px; font-family: Arial, Helevtica, Verdana, san-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; margin-top:5px;}

.buttonLogar{margin:0 auto; width:150px; height:40px; text-align:center; padding:7px; font-size:16px; font-family: Arial, Helevtica, Verdana, san-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; margin-top:10px;}
.buttonLogar{padding:7px 12px;}
.buttonLogar{color: #fff; background:#29abe2; border: none; cursor: pointer;}
.buttonLogar:hover{ border:2px #000099 solid;}
.buttonLogar a{ text-decoration:none;  color:#FFF; display:block;}

.buttonCadastrar{margin:0 auto; width:150px; height:40px; text-align:center; padding:7px; font-size:16px; font-family: Arial, Helevtica, Verdana, san-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; margin-top:10px;}
.buttonCadastrar{padding:7px 12px;}
.buttonCadastrar{color: #fff; background:#009900; border: none; cursor: pointer;}
.buttonCadastrar:hover{ border:2px #000099 solid;}
.buttonCadastrar a{ text-decoration:none;  color:#FFF; display:block;}

#form fieldset input:focus{border:2px solid #F00}

#alertaLogin{color:red; font-size:small;}
#alertaSenha{color:red; font-size:small;}

#esqueceuLogin{font-size:12px; float:left; margin-left:120px;}
#esqueceuLogin a{text-decoration:none; color:#000;}
#esqueceuLogin a:hover{text-decoration:underline; color:#F00;}

#esqueceuSenha{font-size:12px;  float:right; margin-right:120px;}
#esqueceuSenha a{text-decoration:none; color:#000;}
#esqueceuSenha a:hover{text-decoration:underline; color:#F00;}

#resultado{padding:10px; font-size:20px; margin-top:30px;}

.blue{color:green}
.red{color:#F00}